<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
  <title>My Video</title>
  <link rel="stylesheet" href="styles/player.css" />
</head>
<body>
<div class="video-wrapper">
  <video id="movie" controls>
    <source src="http://media.w3.org/2010/05/sintel/trailer.mp4" />
    <source src="http://media.w3.org/2010/05/sintel/trailer.webm" 
      type='video/webm; codecs="vp8, vorbis"' />
    <source src="http://media.w3.org/2010/05/sintel/trailer.ogv" 
      type='video/ogg; codecs="theora, vorbis"' />
    <p>Download movie as 
      <a href="http://media.w3.org/2010/05/sintel/trailer.mp4">MP4</a>, 
      <a href="http://media.w3.org/2010/05/sintel/trailer.webm">WebM</a>, 
      or <a href="http://media.w3.org/2010/05/sintel/trailer.ogv">Ogg</a>.</p> 
  </video>
</div>
<script src="scripts/player.js"></script>
</body>
</html>